<template>
    <div>
        <header-m></header-m>
        <el-radio-group v-model="radio" @change="change">
      <el-radio :label="1" border>a</el-radio>
      <el-radio :label="2" border>b</el-radio>
    </el-radio-group>
    <el-button>添加购票人</el-button>
    </div>
</template>
<script>
import headerM from '../components/HeaderM'
export default {
    data() {
        return {
             radio: 1,
        }
    },
    methods: {
      change(){
        console.log(this.radio)
      }
  },
    components:{
        headerM,
    }
}
</script>
<style scoped>
        .el-radio-group{
        display: flex;
        flex-direction: column;
    }
    .el-radio-group label{
        margin: 10px ;
        margin-bottom:0 ;
    }
    .el-radio-group label span{
        left: 0;
    }
    .el-button{
        margin-top: 10px;
    }
</style>